<template>
  <div class="hello-world">
    <h1>{{ msg }}</h1>
    <p>这是一个新的Vue组件</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';

defineProps({
  msg: {
    type: String,
    required: true
  }
});

const count = ref(0);
</script>

<style scoped>
.hello-world {
  text-align: center;
  margin: 20px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

h1 {
  color: #42b983;
}
</style>